$(function () {
    var uploader = Qiniu.uploader({
        disable_statistics_report: false,   // 禁止自动发送上传统计信息到七牛，默认允许发送
        runtimes: 'html5,flash,html4',      // 上传模式,依次退化
        browse_button: 'addfile1',         // 上传选择的点选按钮，**必需**
        // 在初始化时，uptoken, uptoken_url, uptoken_func 三个参数中必须有一个被设置
        // 切如果提供了多个，其优先级为 uptoken > uptoken_url > uptoken_func
        // 其中 uptoken 是直接提供上传凭证，uptoken_url 是提供了获取上传凭证的地址，如果需要定制获取 uptoken 的过程则可以设置 uptoken_func
        // uptoken : '<Your upload token>', // uptoken 是上传凭证，由其他程序生成
        // uptoken_url: '/uptoken',         // Ajax 请求 uptoken 的 Url，**强烈建议设置**（服务端提供）
        uptoken_url: qiniuDomain+"/qiniu/token",
        get_new_uptoken: false,             // 设置上传文件的时候是否每次都重新获取新的 uptoken
        // downtoken_url: '/downtoken',
        // Ajax请求downToken的Url，私有空间时使用,JS-SDK 将向该地址POST文件的key和domain,服务端返回的JSON必须包含`url`字段，`url`值为该文件的下载地址
        // unique_names: true,              // 默认 false，key 为文件名。若开启该选项，JS-SDK 会为每个文件自动生成key（文件名）
        // save_key: true,                  // 默认 false。若在服务端生成 uptoken 的上传策略中指定了 `save_key`，则开启，SDK在前端将不对key进行任何处理
        domain: 'bs-pro',     // bucket 域名，下载资源时用到，如：'http://xxx.bkt.clouddn.com/' **必需**
        container: 'container1',             // 上传区域 DOM ID，默认是 browser_button 的父元素，
        max_file_size: '20mb',             // 最大文件体积限制
        flash_swf_url: 'path/of/plupload/Moxie.swf',  //引入 flash,相对路径
        max_retries: 3,                     // 上传失败最大重试次数
        dragdrop: true,                     // 开启可拖曳上传
        drop_element: 'container',          // 拖曳上传区域元素的 ID，拖曳文件或文件夹后可触发上传
        chunk_size: '4mb',                  // 分块上传时，每块的体积
        auto_start: true,                   // 选择文件后自动上传，若关闭需要自己绑定事件触发上传,
        filters: {
            mime_types: [ // 只允许上传图片文件
                {
                    title: "图片文件",
                    extensions: "jpg,gif,png"
                }]
        },
        //x_vars : {
        //    自定义变量，参考http://developer.qiniu.com/docs/v6/api/overview/up/response/vars.html
        //    'time' : function(up,file) {
        //        var time = (new Date()).getTime();
        // do something with 'time'
        //        return time;
        //    },
        //    'size' : function(up,file) {
        //        var size = file.size;
        // do something with 'size'
        //        return size;
        //    }
        //},
        init: {
            'FilesAdded': function (up, files) {
                plupload.each(files, function (file) {
                    // 文件添加进队列后,处理相关的事情
                    //console.log("FilesAdded");
                    addFileToQueue1(file.id);
                });
            },
            'BeforeUpload': function (up, file) {
                // 每个文件上传前,处理相关的事情
                //console.log("BeforeUpload");
            },
            'UploadProgress': function (up, file) {
                // 每个文件上传时,处理相关的事情
                //console.log("UploadProgress");
            },
            'FileUploaded': function (up, file, info) {
                //console.log("FileUploaded" + info);
                uploadSuccess1(file.id, JSON.parse(info).key, "");

                //

                // 每个文件上传成功后,处理相关的事情
                // 其中 info.response 是文件上传成功后，服务端返回的json，形式如
                // {
                //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                //    "key": "gogopher.jpg"
                //  }
                // 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html

                // var domain = up.getOption('domain');
                // var res = parseJSON(info.response);
                // var sourceLink = domain + res.key; 获取上传成功后的文件的Url
            },
            'Error': function (up, err, errTip) {
                //上传出错时,处理相关的事情
                //console.log("Error");
                uploadError1(file.id, err);
            },
            'UploadComplete': function () {
                //console.log("UploadComplete");
                //队列文件处理完毕后,处理相关的事情
            },
            'Key': function (up, file) {
                // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
                // 该配置必须要在 unique_names: false , save_key: false 时才生效
                var data = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9",
                    "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K",
                    "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V",
                    "W", "X", "Y", "Z", "a", "b", "c", "d", "e", "f", "g",
                    "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r",
                    "s", "t", "u", "v", "w", "x", "y", "z"];
                var result = "";
                for (var i = 0; i < 20; i++) {
                    var r = Math.floor(Math.random() * 62); // 取得0-62间的随机数，目的是以此当下标取数组data里的值！
                    result += data[r]; // 输出20次随机数的同时，让rrr加20次，就是20位的随机字符串了。
                }

                var date = new Date();
                var _key = result.substr(0, 10) + date.getTime()
                    + result.substr(10, 10);
                //console.log("file" + _key);
                return _key;
            }
        }
    });
});

function deletePic(div) {
    div.remove();
}

function initImage1(key, des) {
    var url = qiniuPath + key + "?imageView2/0/w/160/h/160";
    var content = " <div id=" + guid() + " class=\"col-xs-4\"><img id=" + key + " src=" + url + "><div class=\"q-label\"><input value=" + des + "></div><div class=\"delete\" onclick=\"deletePic($(this).parent())\"><image src=\"/images/delete.png\"></div></div>";
    $("#photos1").prepend(content);
}

function addFileToQueue1(id) {
    $("#" + id).empty();
    var content = "<div id=" + id + " class=\"col-xs-4\"><img src=\"/images/add_bg.png\"><div class=\"q-label\"><input value=\"正在上传...\"></div></div>";
    $("#photos1").append(content);
}

function uploadSuccess1(id, key, des) {
    $("#" + id).empty();
    $("#uploadInfo1").html("");
    var url = qiniuPath + key + "?imageView2/0/w/160/h/160";
    var content = "<img id=" + key + " src=" + url + "><div class=\"q-label\"><input value=" + des + "></div><div class=\"delete\" onclick=\"deletePic($(this).parent())\"><image src=\"/images/delete.png\"></div>";
    $("#" + id).append(content);
}

function uploadError1(id, error) {
    $("#" + id).empty();
}

function getAllImageInfo1() {
    var json = {};
    var array = [];
    var childs = $("#photos1").children();
    $("#upload_file_container").empty();
    for (var i = 0; i < childs.length; i++) {
        var id = childs[i].id;
        if (id != "container1") {
            if ($("#" + id).children().length < 3) {
                json.success = false;
                json.msg = '有部分图片还未上传成功，请稍后';
                return json;
            }
            var imgeKey = $("#" + id).find("img")[0].id;
            var imgeDes = $("#" + id).find("input")[0].value;
            var c = {};
            c.key = imgeKey;
            c.des = imgeDes;
            array.push(c);

            $("#upload_file_container").append("<input type='hidden' name = 'imgFileIds1' value='" + imgeKey + "'>");
            if (imgeDes == "" || imgeDes == null) {
                imgeDes = "无";
            }
            $("#upload_file_container").append("<input type='hidden' name = 'imgFileDes1' value='" + imgeDes + "'>");
        }
    }
    json.success = true;
    json.size = array.length;
    json.data = JSON.stringify(array);

    return json;
}

function guid() {
    function S4() {
        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
    }

    return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
}